<template>
  <div class="App">
    <h1 class="content">我是App组件</h1>
    <p>{{count}}</p>
     <!-- props的使用:
        - 作用:主要是为了向子组件传递一些数据,用给子组件添加属性的方式传递,这样被称作为props传值 -->
    <Count :count="count" v-bind="news"/>
  </div>
</template>

<script>
import Count from "@/components/Count";
export default {
  name: "App",
  components: {
    Count,
  },
  data(){
    return{
      count:0,
      news:{
        title:"今天不敲...",
        otherTitle:"代码"
      }
    }
  }
}
</script>

<style></style>
